<!--课节管理-->
<div style="width: 100%;height: 100%;overflow-y: auto">
  <div style="width: 100%;height: auto;padding: 15px">
    <nz-table
            #basicTable
            [nzData]="lessonData"
            [nzPageSize] = 20
            [nzShowPagination] = "false">
      <thead>
      <tr>
        <th>课节</th>
        <th>课节时间</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{ data.sectionName }}</td>
        <td>{{ data.startTime}} ~ {{data.endTime}}</td>
        <td>
          <a (click)="setTimeFn(data)" disabled>设置时间</a>
        </td>
      </tr>
      </tbody>
    </nz-table>
  </div>
<!-- 时间设置弹窗 start-->
  <nz-modal
          nzWidth="400px"
          [(nzVisible)]="setTimeShow"
          [nzTitle]="lesssonSetlTitle"
          [nzContent]="lesssonSetCount"
          [nzFooter]="lesssonSetFooter"
          (nzOnCancel)="setTimeShow = false"
          nzMaskClosable="false"
          nzMask="true">
    <ng-template #lesssonSetlTitle>
      <span>课节设置</span>
    </ng-template>
    <ng-template #lesssonSetCount>
           <div style="width: 100%; line-height: 80px;padding: 0px 20px">
             <label>{{lessonBite}}</label>

               <nz-time-picker style="padding: 0px 0px 0px 10px" [(ngModel)]="setTimeParam.startTime " [nzAllowEmpty]="false"></nz-time-picker>~
               <nz-time-picker [(ngModel)]="setTimeParam.endTime" [nzAllowEmpty]="false"></nz-time-picker>


           </div>
    </ng-template>
    <ng-template #lesssonSetFooter>
      <button nz-button nzType="default" (click)="setTimeShow = false">取消</button>
      <button nz-button nzType="primary" (click)="timeSetComfirFn()">确定</button>
    </ng-template>
  </nz-modal>
<!-- 时间设置弹窗 end -->
</div>
